<template>
  <div class="spotspicture">
    <div class="spots-text">
      <div class="popular"><img src="https://imgs.qunarzz.com/piao/fusion/1711/16/bfbb9874e8f11402.png" >本周热门榜单</div>
      <div class="order">全部订单<span class="iconfont">&#xe611;</span></div>
    </div>
    <div class="spots-picture">
      <ul>
        <li><img src="https://imgs.qunarzz.com/sight/p0/1409/19/adca619faaab0898245dc4ec482b5722.jpg_250x250_0fc722c0.jpg"></li>
        <li><img src="https://imgs.qunarzz.com/sight/p0/1708/2b/2b3b94de99c0a425a3.img.jpg_250x250_50c99cf3.jpg"></li>
        <li><img src="https://imgs.qunarzz.com/sight/p0/1505/f5/f5f45e1a83537bcb.water.jpg_250x250_63e3520a.jpg"></li>
        <li><img src="https://imgs.qunarzz.com/sight/p0/201403/07/a3231208ca4095bef77068c202d95bd2.jpg_250x250_6fea594a.jpg"></li>
        <li><img src="https://imgs.qunarzz.com/sight/p0/1505/d2/d274c92de14c93da.water.jpg_250x250_d852635b.jpg"></li>
        <li><img src="https://imgs.qunarzz.com/sight/p0/1911/29/29d9b9078000774fa3.img.jpg_250x250_f3a01705.jpg"></li>
        <li><img src="https://imgs.qunarzz.com/sight/p0/1708/2b/2b6378fd3b2e1d86a3.img.jpg_250x250_b256890e.jpg"></li>
        <li><img src="https://imgs.qunarzz.com/sight/p0/1603/85/85c883189bf7293390.water.jpg_250x250_090a42b6.jpg"></li>
        <li><img src="https://imgs.qunarzz.com/sight/p0/1602/92/920e47352552c1c990.water.jpg_250x250_ee99c18e.jpg"></li>
        <li><img src="https://imgs.qunarzz.com/sight/p0/1508/fe/434ee530e21f1c11bad088e8cc8d5e93.water.jpg_250x250_12e8154c.jpg"></li>
      </ul>
    </div>
  </div>
</template>

<script>
export default { //  组件配置项
  name: 'HomePictures'
}
</script>

<style lang="stylus" scoped="scoped">
  .spotspicture
    padding-top 0.4rem
    .spots-text
      width 100%
      height 1rem
      img
        width 0.38rem
        height 0.38rem
    .spots-text .popular
      float left
      font-size 0.32rem
    .spots-text .order
       float right
       font-size 0.12rem
.spots-picture
  ul
    overflow-x scroll;
    white-space nowrap;
    li
      padding-left 0.1rem
      display inline-block
      img
        width 2rem
        height 2rem
</style>
